<style>
    .warranty-image-demo{
    }
    .warranty-image-demo .warranty-image-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .warranty-image-demo .warranty-image-list .item{
        width: 100px;
        flex: 0 0 100px;
        height: 100px;
        padding: 0;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: relative;
    }
    .warranty-image-demo .warranty-image-list .item{
        margin: 10px;
    }
    .warranty-image-demo .warranty-image-list .item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
</style>
<table class="table s3 warranty-image-demo text-center">
    <tbody>
    <tr>
        <th class="tst">
            {{ ts('GFZBTP') }}
        </th>
    </tr>
    <tr>
        <td>
            <div class="warranty-image-list">
                @foreach($images as $v)
                <div class="item">
                    <img src="{{ $v }}">
                </div>
                @endforeach
            </div>
        </td>
    </tr>
    <tr>
        <td>
            {{ ts('WIDTXT1') }}
        </td>
    </tr>
    </tbody>
</table>